<template>
  <house>
    <!--  -->
    <div class="EQbox1">
      <EquipmentapplyforVue
        v-for="(item, index) in Eqarr"
        :key="index"
        :falgF="flag"
        @drawerflag="abc(index)"
        :jiage=item.leasePrice
        :title1="item.name"
        @drawerflag1="abc1"
        :nematl="item.reserves +'立方米存储空间'"
        :Eqarrxq="Eqarrxq"
      ></EquipmentapplyforVue>
    </div>
  </house>
</template>

<script setup>
import EquipmentapplyforVue from "../../components/Equipmentapplyfor.vue";
import { ref  } from "vue";
import house from "../../components/hose.vue";
import { equipmentListList } from "../../api/index.js";
// import { useCounterStore } from "../../stores/counter.js";
const flag = ref(true);
// const ustore = useCounterStore();

const Eqarr = ref([]);

const Eqarrxq=ref([])



function abc(i) {
  flag.value = false;
  Eqarrxq.value=Eqarr.value[i];
  // ustore.price.value=jiage

}

function abc1() {
  flag.value = true;
 
  
}

equipmentListList()
  .then((res) => {
    Eqarr.value = res.data.data.items;


  })
  .catch((res1) => {
    console.log(res1);
  }).finally(()=>{
    
  })

</script>

<style lang="less" scoped>
.EQbox1 {
  display: flex;
  // width: 100%;
  // height: 850px;
}
</style>
